@-webkit-keyframes loading {
   	from {opacity: 1;}
    to {opacity: 0;}
}
@-moz-keyframes loading {
    from {opacity: 1;}
    to {opacity: 0;}
}
@-ms-keyframes loading {
    from {opacity: 1;}
    to {opacity: 0;}
}
@-o-keyframes loading {
    from {opacity: 1;}
    to {opacity: 0;}
}
@keyframes loading {
    from {opacity: 1;}
    to {opacity: 0;}
}

.loading{
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.loadtext{
	position: absolute;
	top: 1.85rem;
	width: 100%;
	font-size: 0.37rem;
	color: rgba(255,255,255,0.8);
	text-align: center;
}

.full{
	background: rgba(0,0,0,0.7);
}

.rounds{
	width:0.15rem;
    height:0.15rem;
    -webkit-border-radius: 50%;
}

.lines{
	width:0.05rem;
    height:0.15rem;
}

div.spinner {
    position: absolute;
    top:50%;
    left:50%;
    width: 35%;
    height: 3rem;
    border-radius: 0.2rem;
    display: inline-block;
    -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
div.spinner div {
    position: absolute;
    top: 38.5%;
    left: 48.8%;
    border: 1px solid #fff;
    background: white;
    opacity: 0;
    -webkit-animation: loading 2s linear infinite;
    -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -0.3rem); -webkit-animation-delay: -0s;}
div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -0.3rem); -webkit-animation-delay: -1.8334s;}
div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -0.3rem); -webkit-animation-delay: -1.6668s;}
div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -0.3rem); -webkit-animation-delay: -1.5002s;}
div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -0.3rem); -webkit-animation-delay: -1.3336s;}
div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -0.3rem); -webkit-animation-delay: -1.167s;}
div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -0.3rem); -webkit-animation-delay: -1.0004s;}
div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -0.3rem); -webkit-animation-delay: -0.8338s;}
div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -0.3rem); -webkit-animation-delay: -0.6672s;}
div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -0.3rem); -webkit-animation-delay: -0.5006s;}
div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -0.3rem); -webkit-animation-delay: -0.334s;}
div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -0.3rem); -webkit-animation-delay: -0.1674s;}